import {Component, ReactNode} from 'react'
import { RouteComponentProps } from 'react-router-dom';
import *as api from '../../api/index'

// 类型的声明
type Iprops = RouteComponentProps<{id:string}>
// 状态的声明
type Istate<t extends any> = {
    data:Array<t>
}

// 声明后台数中的某些数据
type item = {
    productInfo2:string
}

// 声明后台数据的思路，不要声明后台所有数据，用到哪个属性就声明哪个
class Detailto extends Component<Iprops,Istate<item>> {
    state = {
        data:[{
            productInfo2:""
        }]
    }
    componentDidMount(): void {
        let productid:string = this.props.match.params.id;
        api.getDetail(productid)
        .then((res:any)=>{
            console.log(res);
            this.setState({
                data:res.result
            })        
            
        })
    }
    render(): ReactNode {
        // 获取动态的路由的id
       let productInfo2 = this.state.data[0].productInfo2
        return (
            <fieldset>
                <legend>商品详情页</legend>
                <h1>{productInfo2}</h1>
            </fieldset>
        )
    }
}

    

export default Detailto